import VueRouter from 'vue-router'
//2.需要手动安装Vue-router

//导入对应的路由组件
import HomeContainer from './components/tabbar/HomeContainer.vue'
import MemberContainer from './components/tabbar/MemberContainer.vue'
import SearchContainer from './components/tabbar/SearchContainer.vue'
import ShopcarContainer from './components/tabbar/ShopcarContainer.vue'
import NewsList from './components/news/Newslist.vue'
import NewsInfo from './components/news/NewsInfo.vue'
import PhotoList from './components/photos/PhotoList.vue'
import Photoinfo from './components/photos/Photoinfo.vue'
import GoodsList from './components/goods/GoodsList.vue'
import GoodsInfo from './components/goods/GoodsInfo.vue'
import GoodsDesc from './components/goods/GoodsDesc.vue'
import GoodsComment from './components/goods/GoodComment.vue'
//3.创建路由对象
const router = new VueRouter({
        routes: [
            { path: '/', redirect: '/home' },
            { path: '/home', component: HomeContainer },
            { path: '/member', component: MemberContainer },
            { path: '/shopcar', component: SearchContainer },
            { path: '/search', component: ShopcarContainer },
            { path: '/home/newslist', component: NewsList },
            { path: '/home/newsinfo/:id', component: NewsInfo },
            { path: '/home/PhotoList', component: PhotoList },
            { path: '/home/Photoinfo/:id', component: Photoinfo },
            { path: '/home/GoodsList', component: GoodsList },
            { path: '/home/GoodsInfo/:id', component: GoodsInfo, name: 'goodsinfo' },
            { path: '/home/GoodsDesc/:id', component: GoodsDesc, name: 'GoodsDesc' },
            { path: '/home/GoodsComment/:id', component: GoodsComment, name: 'GoodsComment' }


        ],
        linkActiveClass: 'mui-active' //覆盖默认的路由高亮的类,默认的类叫做router-link-active
    })
    //把路由对象暴漏出去 
export default router